
$icon-font-path: '~bootstrap-sass/assets/fonts/bootstrap/';
@import "~bootstrap-sass/assets/stylesheets/bootstrap";
$fa-font-path: "~font-awesome/fonts";
@import "~font-awesome/scss/font-awesome";

// Artifakt Regular Fonts
@font-face {
  font-family: 'ArtifaktElementRegular';
  src:  url("https://cdn.web-platform.io/artifakt/release/v1.2.0/Artifakt%20Element%20Regular.woff") format("woff"),
  url("https://cdn.web-platform.io/artifakt/release/v1.2.0/Artifakt%20Element%20Regular.ttf") format("ttf"),
  url("https://cdn.web-platform.io/artifakt/release/v1.2.0/Artifakt%20Element%20Regular.eot") format("eot"),
  url("https://cdn.web-platform.io/artifakt/release/v1.2.0/Artifakt%20Element%20Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ArtifaktElementMedium';
  src:  url("https://cdn.web-platform.io/artifakt/release/v1.2.0/Artifakt%20Element%20Medium.woff") format("woff"),
  url("https://cdn.web-platform.io/artifakt/release/v1.2.0/Artifakt%20Element%20Medium.ttf") format("ttf"),
  url("https://cdn.web-platform.io/artifakt/release/v1.2.0/Artifakt%20Element%20Medium.eot") format("eot"),
  url("https://cdn.web-platform.io/artifakt/release/v1.2.0/Artifakt%20Element%20Medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}


// Artifakt Legend Fonts
@font-face {
  font-family: 'ArtifaktLegendRegular';
  src:  url("https://cdn.web-platform.io/artifakt/release/v1.2.0/Artifakt%20Legend%20Regular.woff") format("woff"),
  url("https://cdn.web-platform.io/artifakt/release/v1.2.0/Artifakt%20Legend%20Regular.ttf") format("ttf"),
  url("https://cdn.web-platform.io/artifakt/release/v1.2.0/Artifakt%20Legend%20Regular.eot") format("eot"),
  url("https://cdn.web-platform.io/artifakt/release/v1.2.0/Artifakt%20Legend%20Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "ArtifaktElementRegular", Helvetica, Arial, sans-serif;
  overflow: hidden;
}


///////////////////////////////////////////////////////////
// Some best-practice CSS that's useful for most apps
//
///////////////////////////////////////////////////////////
html {
  box-sizing: border-box;
  overflow-style: none;
  overflow: hidden;
}

::-webkit-scrollbar {
  width: 0 !important;
  display: none;
}

html,
body {
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  text-align: center;
  user-select: none;
  height: 100%;
  padding: 0;
  margin: 0;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.core-layout__viewport {
  height: calc(100vh - 65px);
}

.container {
  width: 100%;
  padding: 0;
  margin: 0;
}

/////////////////////////////////////////////////////////
// Reflex Layout
//
/////////////////////////////////////////////////////////
.reflex-layout > .reflex-splitter.reflex-thin {
  background: #aeaeae;
}

.reflex-layout.horizontal > .reflex-splitter {
  height: 4px !important;
}

.reflex-layout.vertical > .reflex-splitter {
  width: 4px !important;
}

.reflex-layout > .reflex-splitter {
  z-index: 1 !important;
}


///////////////////////////////////////////////////////////
// disabled controls
///////////////////////////////////////////////////////////
button[disabled],
div[disabled] {
  cursor: not-allowed !important;
}

///////////////////////////////////////////////////////////
// content editable placeholder
//
///////////////////////////////////////////////////////////
*[contenteditable] {
  user-select: auto !important;
}

[contenteditable]:empty:not(:focus):before {
  content: attr(data-placeholder);
  pointer-events: none;
  color: darkgrey;
}

[contenteditable]:focus {
  outline: none;
}

[contenteditable][disabled] {
  background: #f7f6f6;
  color: #949494;
}

///////////////////////////////////////////////////////////
//
//
///////////////////////////////////////////////////////////
img.default-adsk {
  content: url('');
}

img.forge-hero {
  background: url('/resources/img/routes/home.jpg');
  background-position: center center;
  height: calc(100% - 65px);
  background-size: cover;
  position: absolute;
  width: 100%;
  top: 65px;
  right: 0;
}

///////////////////////////////////////////////////////////
// Notifications
//
///////////////////////////////////////////////////////////
.notifications {
  overflow: visible;
  position: fixed;
  z-index: 99999;
  height: 0;

  button {
    border-radius: 0;
  }
}

.notifications > div > div{
  margin-top: 66px;
  height: 0;
}

///////////////////////////////////////////////////////////
//
//
///////////////////////////////////////////////////////////
.login {
  background: #f3f3f3;
}

.login div {
  background: transparent !important;
}

.login div:first-child {
  border: 2px solid #f3a81e;
}

///////////////////////////////////////////////////////////
// Misc
///////////////////////////////////////////////////////////
.dropdown .btn .caret {
  margin-left: 4px;
  color: grey;
}

///////////////////////////////////////////////////////////
// Reapop
///////////////////////////////////////////////////////////
.notifications {
  & > div > div > div > div {
    margin-bottom: 8px;
  }
}

.sb233disabled {pointer-events: none}
